import React, {FC} from 'react'
import styles from './index.less'

const Opening: FC = () => {
    return (
      <div>
          <div className={styles.openContainer}>
              <div className={styles.group}>
              <div className={`${styles.item} ${styles.itemRight}`}>佑</div>
                  <div className={`${styles.item} ${styles.itemLeft}`}>左</div>
                  <div className={`${styles.item} ${styles.itemTop}`}>上</div>
                  <div className={`${styles.item} ${styles.itemBottom}`}>下</div>
                  <div className={`${styles.item} ${styles.itemMiddle}`}>中</div>
              </div>
              <div className={styles.group}>
                  <div className={`${styles.item} ${styles.itemRight}`}>佑</div>
                  <div className={`${styles.item} ${styles.itemLeft}`}>左</div>
                  <div className={`${styles.item} ${styles.itemTop}`}>上</div>
                  <div className={`${styles.item} ${styles.itemBottom}`}>下</div>
                  <div className={`${styles.item} ${styles.itemMiddle}`}>中</div>
              </div>
           </div>
    </div>
    )
}


export default Opening